﻿.record_container
{
    padding: 56px 0 0;
    width:300px;
    height:435px;
    margin:0 auto;
    background-image: url("images/mobile-bg.png");
    background-position: center 10px;
    background-repeat: no-repeat;
    font-family:微软雅黑;
}

#record_list
{
    margin:0 23px 0 24px;   
}

.record_head
{
   background-color:#00ACEF;
   text-align:center;
   color:#fff;
   min-height:60px;
}
.record_head h2
{
    line-height:20px;
    padding-top:10px;
    font-weight:600;
    font-size:20px;    
}
.record_head span
{
    font-size:14px;
    line-height:20px;
    padding-bottom:10px;    
}
#record_item_container
{
    height:319px;
    overflow:auto; 
}
.record_item
{
   border-bottom: 1px solid #DBD5D0;
   margin: 0 16px;
   height:35px;
   line-height:35px;
   font-size:16px;
}
.record_item .x_name
{
    color: #000;  
}
.record_item .x_time
{
   padding:0 10px;
   color:#462710;
   font-weight:bold;
}
.no_record
{
   color:#555;
   font-weight:bold;
   text-align:center;  
   margin-top:75px;
   font-size:20px;
}
.blue-btn {margin:160px auto 5px; cursor:pointer; background: url(images/blue-btn.png) repeat 0 0; width: 189px; height: 39px; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; display: block; font-size: 16px; font-weight: 500; color:#fff; text-align: center; line-height: 39px; border: 2px solid #0a7fb5; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; text-decoration: none; font-weight: 500; font-family: 'Raleway', sans-serif; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px;}
.blue-btn:hover { background-position:0 bottom; }

